import React from 'react'
import {WeaColorPicker,
    WeaTools,
    WeaDialog,
    WeaSearchGroup,
    WeaFormItem,
    WeaLocaleProvider,
    WeaCheckbox,WeaInputNumber
} from 'ecCom'
const getLabel = WeaLocaleProvider.getLabel;
import {Button,Icon} from 'antd'
class Content extends React.Component{

    render(){
        return <WeaSearchGroup showGroup={true}>
            <WeaFormItem label={getLabel(390769,"显示本周日程数")} labelCol={{span: 6}} wrapperCol={{span: 18}} >
                <div style={{display:'inline-block',width:'70px'}}>
                    <WeaCheckbox
                        helpfulTip={getLabel(390770,"开启显示本周的日程数")}
                        value={this.props.data.iscCount}
                        display="switch"
                        id='test'
                        onChange = {(value) => this.props.changeCount(value)}
                    />
                </div>
            </WeaFormItem>

            <WeaFormItem label={getLabel(2077,"背景颜色")} labelCol={{span: 6}} wrapperCol={{span: 18}} >
                <div style={{display:'inline-block',width:'70px'}}>
                    <WeaColorPicker value={this.props.data.bgColor}
                                    onChange = {(value) => this.props.changebgColor(value)}
                    />
                </div>
            </WeaFormItem>
            <WeaFormItem label={getLabel(2077,"背景透明度")} labelCol={{span: 6}} wrapperCol={{span: 18}} >
                <div style={{display:'inline-block',width:'70px'}}>
                    <WeaInputNumber value={this.props.data.bgTmd}
                                    onChange = {(value) => this.props.changeBgTmd(value)}
                    />
                </div>
            </WeaFormItem>

        </WeaSearchGroup>

    }
}

export default Content;